<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/commons/global.jsp" %>
<%@ include file="/commons/basejs.jsp" %>

<link rel="stylesheet" href="/static/miind/css/common.css">
<link rel="stylesheet" href="/static/miind/css/index.css">
<body>
 <form id="searchForm" >
<div id="page" class="page-min-width">
    <div class="header-box">
        <div class="banner-background" style="background-image:url(/static/miind/images/header-banner.jpg);opacity: 1;"></div>
        <div class="new-banner">
            <div class="title"></div>
            <div class="search-box">
                <div  class="new-searching">
	                <input id="query" type="text" size="27" name="descr"  placeholder="搜索你喜欢的">
	                <input type="hidden" name="manType" id="manType" value="" />
	                <input type="hidden" name="rows" id="rows" value="${rows}" />
	                <a href="#" onclick="craftsmanSearchProFun()" class="go"></a>
                </div>
                <div class="tags">
                 	<a href="${path}/miiiind/brand?selected=1" >2017入围</a>
                	<c:forEach items="${tagList }" var="tagVO">
                		 <a href="${path}/miiiind/brand?tagId=${tagVO.id}" >${tagVO.name}</a>
                	</c:forEach>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper-996 wrapper">
        <div class="recommend-line">
            <a>设计师分类</a>
        </div>
        <div class="category-image-box explore-category-image-box login-explore-category-image-box">
       	    <a  onclick="craftsmanSearchFun('')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/quanbu.jpg" alt="">
                </div>
                <div class="title">全部(${tagNumMap['alltag']})</div>
            </a>
            <a onclick="craftsmanSearchFun('zw')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/meishi.jpg" alt="">
                </div>
                <div class="title">织味之匠(${tagNumMap['zw']})</div>
            </a>
            <a onclick="craftsmanSearchFun('xs')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/xiushen.jpg" alt="">
                </div>
                <div class="title">修身之匠(${tagNumMap['xs']})</div>
            </a>
            <a onclick="craftsmanSearchFun('gw')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/wupin.jpg" alt="">
                </div>
                <div class="title">格物之匠(${tagNumMap['gw']})</div>
            </a>
            <a onclick="craftsmanSearchFun('yq')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/yiqu.jpg" alt="">
                </div>
                <div class="title">意趣之匠(${tagNumMap['yq']})</div>
            </a>
            <a onclick="craftsmanSearchFun('gm')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/gongmei.jpg" alt="">
                </div>
                <div class="title">工美之匠(${tagNumMap['gm']})</div>
            </a>
            <a onclick="craftsmanSearchFun('qt')"  class="category-image login-category-image" >
                <div class="blur">
                    <img src="/static/miind/images/qita.jpg" alt="">
                </div>
                <div class="title">2017入围(${tagNumMap['notag']})</div>
            </a>
            
        </div>
        <div class="recommend-line">
            <a>为您推荐</a>
        </div>
        <div id="recommend_container" class="recommend_container">
        	<c:forEach items="${prolist}" var="tmpVO" varStatus="vs">
        	<c:if test="${vs.index%3 eq 0}">
        	<!-- 第一列 -->
        		<div class="recommend-container-row clearfix">
	        	<c:if test="${vs.index%2 eq 0}">
        		<!-- 奇数行1-->
	        		<div class="recommend-imgbox recommend-box">
	                    <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                        <img src="${tmpVO.manBrandLogo }" alt="">
	                    </a>
	                 </div>
	                 <div class="recommend-box">
	                 	<div class="recommend-infobox board small">
	                        <div class="recommend-data board"></div>
	                        <h2>
	                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
								<c:if test="${tmpVO.selected eq 1}">
									<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
								</c:if>
								<c:if test="${tmpVO.selected eq 2}">
									<a href="${path}/miiiind/brand?selected=2" >「淘汰」</a>
								</c:if>
	                        </h2>
	                        <p>
	                            <span>产品数：${tmpVO.productNum}</span>
	                        </p>
	                    </div>
	                    <div class="info-tra-left"></div>
	                   <c:if test="${vs.last}">
	                  	 </div>
	                   </c:if>
	        	</c:if>
	        	<c:if test="${vs.index%2 eq 1}">
	        	<!-- 偶数行 -->
	        		<div class="recommend-hidebox pl-right">
	                    <div class="recommend-imgbox recommend-box">
	                        <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                            <img src="${tmpVO.manBrandLogo }" alt=>
	                        </a>
	                    </div>
	                    <div class="recommend-infobox board recommend-box big">
	                        <div class="recommend-data board"></div>
	                        <h2>
	                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
	                            <c:if test="${tmpVO.selected eq 1}">
									<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
								</c:if>
								<c:if test="${tmpVO.selected eq 2}">
									<a href="${path}/miiiind/brand?selected=2" >「淘汰」</a>
								</c:if>
	                        </h2>
	                        <p>
	                            <span>产品数：${tmpVO.productNum}</span>
	                        </p>
	                        <div class="info-tra-left big"></div>
	                    </div>
	                </div>
	        	</c:if>	
        	</c:if>
        	<c:if test="${vs.index%3 eq 1}">
        	<!-- 第二列 -->
	        	<c:if test="${vs.index%2 eq 1}">
        		<!-- 奇数行 -->
	        		<div class="recommend-infobox board small pl-right">
                        <div class="recommend-data board"></div>
                        <h2>
                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
							<c:if test="${tmpVO.selected eq 1}">
									<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
								</c:if>
								<c:if test="${tmpVO.selected eq 2}">
									<a href="${path}/miiiind/brand?selected=2" >「淘汰」</a>
								</c:if>
                        </h2>
                        <p>
                            <span>产品数：${tmpVO.productNum}</span>
                        </p>
                    </div>
                    <div class="info-tra-right"></div>
	                </div>
		            <div class="recommend-imgbox recommend-box">
	                    <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                        <img src="${tmpVO.manBrandLogo }" alt="">
	                    </a>
	                </div>
	        	</c:if>	
	        	<c:if test="${vs.index%2 eq 0}">
        		<!-- 偶数行 -->
	        		<div class="recommend-imgbox recommend-box">
	                    <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                        <img src="${tmpVO.manBrandLogo }" alt="">
	                    </a>
	                 </div>
	                 <div class="recommend-box">
	                 	<div class="recommend-infobox board small">
	                        <div class="recommend-data board"></div>
	                        <h2>
	                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
	                            <c:if test="${tmpVO.selected eq 1}">
									<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
								</c:if>
								<c:if test="${tmpVO.selected eq 2}">
									<a href="${path}/miiiind/brand?selected=2">「淘汰」</a>
								</c:if>
	                        </h2>
	                        <p>
	                            <span>产品数：${tmpVO.productNum}</span>
	                        </p>
	                    </div>
	                    <div class="info-tra-left"></div>
	                    <c:if test="${vs.last}">
	                  	 </div>
	                   </c:if>
	        	</c:if>	
        	</c:if>
        	<c:if test="${vs.index%3 eq 2}">
        	<!-- 第三列 -->
	        	<c:if test="${vs.index%2 eq 0}">
        		<!-- 奇数行 -->
	        		<div class="recommend-hidebox pl-right">
	                    <div class="recommend-imgbox recommend-box">
	                        <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                            <img src="${tmpVO.manBrandLogo}" alt=>
	                        </a>
	                    </div>
	                    <div class="recommend-infobox board recommend-box big">
	                        <div class="recommend-data board"></div>
	                        <h2>
	                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
	                            <c:if test="${tmpVO.selected eq 1}">
									<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
								</c:if>
								<c:if test="${tmpVO.selected eq 2}">
									<a href="${path}/miiiind/brand?selected=2" >「淘汰」</a>
								</c:if>
	                        </h2>
	                        <p>
	                            <span>产品数：${tmpVO.productNum}</span>
	                        </p>
	                        <div class="info-tra-left big"></div>
	                    </div>
	                </div>
	        	</c:if>	
	        	<c:if test="${vs.index%2 eq 1}">
	        	<!-- 偶数行 -->
	        		<div class="recommend-infobox board small pl-right">
                        <div class="recommend-data board"></div>
                        <h2>
                            <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >${tmpVO.manBrand}</a>
                            <c:if test="${tmpVO.selected eq 1}">
								<a href="${path}/miiiind/brand?selected=1" >「入围」</a>
							</c:if>
							<c:if test="${tmpVO.selected eq 2}">
								<a href="${path}/miiiind/brand?selected=2" >「淘汰」</a>
							</c:if>
                        </h2>
                        <p>
                            <span>产品数：${tmpVO.productNum}</span>
                        </p>
                    </div>
	                <div class="info-tra-right"></div>
	                </div>
		            <div class="recommend-imgbox recommend-box">
	                    <a href="${path}/miiiind/brand?manKey=${tmpVO.manKey}" >
	                        <img src="${tmpVO.manBrandLogo }" alt="">
	                    </a>
	                </div>
	        	</c:if>	
	        	</div>
        	</c:if>
           	</c:forEach>
        </div>

        <div class="get-more-line">
            <a onclick="getMore(5)" name="getmore">加载更多</a>
        </div>
        <div class="new-index-category">
            <div class="new-index-category-head clearfix">
                <div class="title">
                    <span>以分类浏览miiiind</span>
                </div>
                <div class="all-pins">
                    <a href="">所有采集 »</a>
                </div>
            </div>
            <div class="new-index-category-body">
                <ul class="new-index-category-group">
                    <li class="new-index-category-item"><a href="">家具</a></li>
                    <li class="new-index-category-item"><a href="">日用</a></li>
                    <li class="new-index-category-item"><a href="">首饰</a></li>
                </ul>
                <ul class="new-index-category-group">
                    <li class="new-index-category-item"><a href="">手办</a></li>
                    <li class="new-index-category-item"><a href="">手工</a></li>
                    <li class="new-index-category-item"><a href="">量产</a></li>
                </ul>
                <ul class="new-index-category-group">
                    <li class="new-index-category-item"><a href="">设计感</a></li>
                    <li class="new-index-category-item"><a href="">包具</a></li>
                    <li class="new-index-category-item"><a href="">工具</a></li>
                </ul>
                <ul class="new-index-category-group">
                    <li class="new-index-category-item"><a href="">摆件</a></li>
                    <li class="new-index-category-item"><a href="">商务</a></li>
                    <li class="new-index-category-item"><a href="">年轻态</a></li>
                </ul>
                <ul class="new-index-category-group">
                    <li class="new-index-category-item"><a href="">陶瓷</a></li>
                    <li class="new-index-category-item"><a href="">雕塑</a></li>
                    <li class="new-index-category-item"><a href=""></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="index_footer">
        <div class="wrapper wrapper-996">
            <div class="column">
                <a href="/" class="title">miiiind首页</a>
                <a href="#" target="_blank">miiiind官方博客</a>
				<a href="http://sign.fodworks.cc/index" target="_blank">后台管理</a>
            </div>
            <div class="column">
                <a href="/" class="title">联系与合作</a>
                <a href="#">联系我们</a>
                <a href="#">用户反馈</a>
            </div>
            <div class="column">
                <a href="/" class="title">移动客户端</a>
                <a href="#">iPhone版</a>
                <a href="#">Android版</a>
            </div>
            <div class="column follow-us">
                <a href="/" class="title">关注我们</a>
                <a href="#" target="_blank">新浪微博：@miiiind</a>
                <a href="" class="weixin">
                    官方微信：
                    <img src="" alt="">
                    <img src="" alt="" class="code">
                </a>
            </div>
        </div>
        <div class="wrapper wrapper-996 bottom">
            Copyright © 2017 FOD 版权所有
        </div>
    </div>
</div>
<div class="clear"></div>
</form>
<script type="text/javascript">
var crow=$("#rows").val();
if(crow!=null && parseInt(crow)>15){
	window.document.body.scrollTop = document.body.scrollHeight; 
}else{
	document.querySelector(".recommend-line").scrollIntoView(true);
}
$('#query').bind('keypress',function(event){ 
	if(event.keyCode == 13) {
		craftsmanSearchProFun();
	}
});
/**
 * 搜索
 */
function craftsmanSearchFun(type) {
	if(type!=null){
		$("#manType").val(type);
	}
	$('#searchForm').submit();
}

function craftsmanSearchProFun(){
	var descr=$("#query").val();
	window.open("${path}/miiiind/brand?descr="+descr);
}

function getMore(size){
	$("#rows").val(parseInt($("#rows").val())+15);
	$("#searchForm").submit();
}
</script>
</body>
